import React from "react";

export function Invoice (props){
    const {Info} = props;
    return (
        <div className="settlementCenterEye_Invoice_View" key="Invoice">
            {
                Info.map((item,index)=>
                    <div key={`infoItem${index}`} className="settlementCenterEye_infoItem">
                        <strong > {item.title}：</strong>
                        <span >  {item.value}</span>
                    </div>
                )
            }
        </div>
    )
}

export function OperLog(props){
    const { data } = props;
    return(
        <div className="settlementCenterEye_OperLog" key="OperLog">
            <ul className="settlementCenterEye_Invoice_View">
                {
                    data.map((item,index)=>
                        <li key={`li_${index}`}>
                            <span> {item.createTime} </span>
                            <span> 操作人 ：{item.createBy} </span>
                            <span> 操作类型 ：{item.examineDesc} </span>
                            {
                                item.examineStatus == "5" &&
                                <span className="settlementCenterEye_OperLog_noDes">
                                    不通过理由 ：{item.failReason}
                                </span>
                            }
                        </li>
                    )
                }
            </ul>
        </div>
    )
}